* {
  /* `otf-font-awesome` is required to be installed for icons */
  font-family: "Hack", "Font Awesome 6 Free";
  font-weight: 500;
  font-size: 16px;

  /* border-radius: 18px; */
  text-shadow: none;
  box-shadow: none;

  transition-property: background;
  transition-duration: 0.2s;
}

window#waybar {
  background-color: #ffffff;
  border-radius: 8px;
}

window#waybar.hidden {
  opacity: 0.2;
}

/* If workspaces is the leftmost module, omit left margin */
.modules-left > widget:first-child > * {
  margin-left: 5px;
}

/* If workspaces is the rightmost module, omit right margin */
.modules-right > widget:last-child > * {
  margin-right: 5px;
}

#custom-power,
#custom-quit,
#custom-lock,
#custom-reboot,
#battery,
#clock,
#network,
#pulseaudio,
#tray,
#window,
#workspaces,
#custom-start {
  padding: 0 10px;
  color: #000000;
}

#workspaces {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  transition: none;
  font-size: 12px;
  border: 1px solid #000000;
  border-radius: 5px;
}

#workspaces button {
  outline: none;
  border: none;
  padding: 0 10px;
  background: transparent;
  color: #1c1c1c;
  border-radius: 0;
}

#workspaces button:hover {
  color: #5b5b5b;
}

#workspaces button.empty {
  color: #6f6f6f;
}

#workspaces button.active {
  color: #000000;
}

#workspaces button.urgent {
  color: #eb4d4b;
}

#window {
  font-family: "Hack", "Noto Sans CJK SC", sans-serif;
  font-weight: 400;
}
